﻿<!DOCTYPE HTML>
<html>

<head>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>任务[{$item['id']?$item['id']:''}]</title>
    {include file='common/header'}
    <style type="text/css">
        .task-list-remain-num span {
            width: 33.33%;
            float: left;
            text-align: center;
        }
        .paging {
            padding: 30px 0;
        }
        .dialog {
          position: fixed;
          left: 0;
          top: 0;
          z-index: 10001;
          width: 100%;
          height: 100%;
        }
        .dialog-content {
            width: 70%;
        }
        .dialog-overlay { 
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10002;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
        }
        
		body{background:#111;}
.zhuanghu-tab2 li,.zhuanghu-tab2 li.libg,.zhuanghu-tab2{background:#111;color:#fff;}
.zhuanghu-tab2 li.active{background:#111;color:#2F62FF;border-bottom:2px solid #2F62FF}
.zhuanghu-tab2 li:after, .zhuanghu-tab2 li:after{background:#666;}
.new-task-list ul li,.myAttend.main{background:#000;}
.new-task-list,.task-list,.paging{background:#111;}
.paging-selct{background:#2F62FF;color:#fff;}
.zhuanghu-tab2{border-bottom:1px solid #333;}
.ui-list-text li{border-color:#333;}
a:link, a:visited{color:#e2e2e2;}
    </style>
</head>

<body data-offset="140" id="htmlBody">
<div class="site-header header-fixed">
    <a onclick="history.back()" class="back"></a>
    <div class="tit-name">任务[{$item['id']?$item['id']:''}]</div>
</div>
<div class="main myAttend">
    <div class="zhuanghu-tab2">
        <ul class="zh-tab-tit">
            <li id="all" class="{$join_status == ''?'active':'libg'}" onclick="location.href='/home/mytaskaudit/index/id/{$id}.html'">全部</li>
            <li id="lock" class="{$join_status == '1'?'active':'libg'}" onclick="location.href='/home/mytaskaudit/index/id/{$id}/join_status/1.html'">待验证</li>
            <li id="wait" class="{$join_status == '2'?'active':'libg'}" onclick="location.href='/home/mytaskaudit/index/id/{$id}/join_status/2.html'">待审核</li>
            <li id="pass" class="{$join_status == '3'?'active':'libg'}" onclick="location.href='/home/mytaskaudit/index/id/{$id}/join_status/3.html'">已发放</li>
            <li id="nopass" class="{$join_status == '4'?'active':'libg'}" onclick="location.href='/home/mytaskaudit/index/id/{$id}/join_status/4.html'">未通过</li>
        </ul>
    </div>

    <div class="task-list">
        {if !empty($tasks)}
        <div class="new-task-list">
            {include file='mytaskaudit/_list'}
        </div>
        <div class="paging" style="display: block;">
            <span class="paging-prev">上一页</span>
            <span class="paging-num-total">
                     <select name="page" class="paging-selct" style="width:auto;padding:0px 10%;border-radius:10px;text-indent:0;">
                        {for start="1" end="$pageCount+1"}
                        <option value="{$i}">{$i}</option>
                        {/for}
                    </select>
                </span>
            <span class="paging-next" data-page="{$pageCount}">下一页</span>
            <form id="page_form">
                <input type="hidden" name="page" value="1">
            </form>
        </div>
        {/if}
    </div>
</div>
{include file='common/ufooter'}
<script type="text/javascript" src="/static/home/mobile/js/mytaskjoin.js?v=4"></script>
<script type="text/javascript">
function check(join_id){
    window.location.href = "/home/mytaskaudit/detail/id/"+join_id+".html";
}
</script>
</body>
</html>